<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>ready函数</title>
		<script src="./js/jQuery/jquery-3.4.1.js"></script>
		<script>
			//onload函数只能定义一次，如果多次定义，会被后面的覆盖
			onload = function() {
				var jsDiv = document.getElementById("d01");
				console.log(jsDiv);
			}
			onload = function() {
				console.log("---onload---");
			}

			$(document).ready(function() {
				var div = $('#d01');
				console.log(div);
			});
			$(document).ready(function() {
				console.log("---ready1---");
			});
			//reay函数简化
			$(function(){
				//jQuery的代码
				console.log("---ready2---");
			});
		</script>
	</head>
	<body>
		<div id="d01">这是一个div</div>


	</body>
</html>
